<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="css/eui.css">
  <style>
    #app,body{
      padding: 0;
      margin: 0;
    }
    .el-header{
      width: 1200px;
      margin: 0 auto;
      padding: 40px 0 0 0;
      display: flex;
      align-items: center;
    }
    img{
      vertical-align: middle;
    }

    .c-c {
      padding: 0;
      background-color: #00ffff;
      color: #333;
      text-align: center;
      line-height: 590px;
      margin-top: 66.2167px;
    }


    .el-footer {
      background-color: #B3C0D1;
      color: #333;
      text-align: center;
      line-height: 60px;
    }

    body{
      font-family: MicrosoftYaHei,PingFangSC-Regular,PingFang SC,sans-serif,Helvetica,Tahoma;
      font-size: 14px;
      color: #333;
      -webkit-text-size-adjust: none;
    }
  </style>

</head>
<body>
  <el-container id="app">
    <el-header>
      <a data-v-c8e229e0="" href="https://www.dangdang.com" class="home" >
        <img data-v-c8e229e0="" alt="Vue logo" src="http://img62.ddimg.cn/upload_img/00873/web/logo-1628229920.png">
      </a>
    </el-header>
    <el-container class="c-c">
      <el-aside width="200px">Aside</el-aside>
      <el-main>Main</el-main>
    </el-container>
    <el-footer>Footer</el-footer>
  </el-container>
</body>

<!-- import Vue before Element -->
<script src="js/vue.js"></script>
<!-- import JavaScript -->
<script src="js/eui.js"></script>

<script>
  new Vue({
    el: '#app',
    data: function() {
      return {
        visible: false
      }
    }
  })
</script>
</html>